<!DOCTYPE html>
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<script type="text/javascript" src="./js/jquery.min.js"></script>
  </head>
  
  <body>
    This is my HTML page. <br>
    
    <input type="radio" name="1" value="1"/>
    <input type="radio" name="1" value="2"/>
    <input type="radio" name="1" value="3"/>
    <input type="radio" name="1" value="4"/>
    <input type="button" id="btn" value="show"/>
  </body>
  
  <script type="text/javascript">
  	$(function(){
  		$("#btn").click(function(){
  		console.log($("input[type=radio]:checked").val());
  			
  		})
  		
  	})
  
  </script>
</html>
